
<template>
  <div class="Page_PosterStyleBox">
    <div class="Page_PosterStyleLeftBox">
      <PageHomeFromRouer></PageHomeFromRouer>
    </div>
    <div class="Page_PosterStyleRightBox">
      <div class="Page_PosterStyleHeadTitleBox">
        <PageHeadRigthFrom></PageHeadRigthFrom>
      </div>
      <div class="Page_PosterStyleBread">
        <a-breadcrumb-item class="Bread"><a style="color:#000;" href="/home">工作台</a></a-breadcrumb-item>
        <a style="color:#000;" href="/poster">海报管理</a>
      </div>
      <div class="Page_PosterStyleBodyBox">
         <div class="Page_PosterStyleMegMass">
           <MegMass></MegMass>
         </div>
         <div class="Page_PosterStyleFrom">
           <p>文件名称：<input type="text" class="NameInput" placeholder="请输入文件名称"></p>
           <p><a-button type="primary">搜索</a-button>&nbsp;<a-button>重置</a-button></p> 
         </div>
         <div class="Page_PosterStyleUnLL">
           <a-empty style="padding: 70px 0px;" :image="simpleImage" />
         </div>
          <dl class="Page_PosterStyleDL">
            <dt>
              <a href="https://github.com/fantasticit/wipi"
                ><img src="../../assets/b.png.png" alt=""
              /></a>
            </dt>
            <dd>Copyright ♠ 2022 Designed by Fantasticit.</dd>
          </dl>
      </div>
      
    </div>
  </div>
</template>


<script>
import MegMass from '../../components/MegMass/index.vue';
import PageHeadRigthFrom from "../../components/PageHeadRigthFrom";
import PageHomeFromRouer from "../../components/PageHomeFromRouer";
import { Empty } from 'ant-design-vue';
export default {
  data() {
    return {
       simpleImage: Empty.PRESENTED_IMAGE_SIMPLE
    };
  },
  created() {},
  methods: {},
  components: {
    PageHomeFromRouer,
    PageHeadRigthFrom,
    MegMass
  },
};
</script>

<style>
.Page_PosterStyleBox {
  width: 100%;
  height: 100%;
  display: flex;
}
.Page_PosterStyleLeftBox {
  width: 13%;
  height: 100%;
  overflow: hidden;
  overflow-y: auto;
  background: #001529;
  border-right: 1px solid #ccc;
}
.Page_PosterStyleRightBox {
  flex: 1;
}
.Page_PosterStyleHeadTitleBox {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ccc;
}
.Page_PosterStyleBread {
  width: 100%;
  height: 45px;
  border-bottom: 1px solid #ccc;
}
.Bread{
  display: inline-block;
  margin-top: 10px;
  margin-left: 30px;
}
.Page_PosterStyleBodyBox{
  width: 100%;
  height: 100%;
  overflow-y: auto;
  background: #eff2f5; 
}
.Page_PosterStyleMegMass{
  width: 96%;
  height: 50px;
  background-color: #fffbe6;
  border: 1px solid #ffe58f;
  margin-left: 30px;
  margin-top: 30px;
  
}
.Page_PosterStyleFrom{
    width: 96%;
    height: 150px;
    background-color: #fff;
    margin-left: 30px;
    margin-top: 30px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.NameInput{
  width: 220px;
  height: 30px;
  padding: 5px;
  outline: none;
}
.Page_PosterStyleUnLL{
    width: 96%;
    height: 300px;
    background-color: #fff;
    margin-left: 30px;
    margin-top: 30px;
}
.Page_PosterStyleDL{
  text-align: center;
  margin-top: 30px;
}
.Page_PosterStyleDL>dd{
  margin-top: 10px;
}
</style>
